<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>狗达与佩唲</title>
<meta name="keywords" content="¸öÈË²©¿Í,ÑîÇà¸öÈË²©¿Í,¸öÈË²©¿ÍÄ£°å,ÑîÇà" />
<meta name="description" content="ÑîÇà¸öÈË²©¿Í£¬ÊÇÒ»¸öÕ¾ÔÚwebÇ°¶ËÉè¼ÆÖ®Â·µÄÅ®³ÌÐòÔ±¸öÈËÍøÕ¾£¬Ìá¹©¸öÈË²©¿ÍÄ£°åÃâ·Ñ×ÊÔ´ÏÂÔØµÄ¸öÈËÔ­´´ÍøÕ¾¡£" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/m.css" rel="stylesheet">
<script src="js/scrollReveal.js"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script>
window.onload = function ()
{
	var oH2 = document.getElementsByTagName("h2")[0];
	var oUl = document.getElementsByTagName("ul")[0];
	oH2.onclick = function ()
	{
		var style = oUl.style;
		style.display = style.display == "block" ? "none" : "block";
		oH2.className = style.display == "block" ? "open" : ""
	}
  //声明滚动样式
  window.scrollReveal = new scrollReveal();
}
</script>
</head>
<body>
<header>
  <canvas id="cas" ></canvas>
  <div class="tophead">
    <div class="logo"><a href="/">狗达与佩唲</a></div>
    <div id="mnav">
      <h2><span class="navicon"></span></h2>
      <ul>
        <li><a href="index.html">网站首页</a></li>
        <li><a href="about.html">关于我</a></li>
        <li><a href="share.html">相册</a></li>
        <li><a href="list.html">文章列表</a></li>
        <li><a href="info.html">文字内容页</a></li>
        <li><a href="info.html">图片内容页</a></li>
        <li><a href="gbook.html">留言</a></li>
        
      </ul>
    </div>
    <nav class="topnav" id="topnav">
      <ul>
        <li><a href="index.html">网站首页</a></li>
        <li><a href="about.html">关于我</a></li>
        <li><a href="share.html">相册</a></li>
        <li><a href="list.html">文章列表</a></li>
        <li><a href="info.html">文字内容页</a></li>
        <li><a href="info.html">图片内容页</a></li>
        <li><a href="gbook.html">留言</a></li>
      </ul>
    </nav>
  </div>
</header>
<article>
  <div class="picbox">
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
        <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>测试相册</h3>
          <span>这是一个测试相册相册</span> </div>
        </a></li>
    </ul>
  </div>
</article>
<footer>
  <p>Design by <a href="/">ÑîÇà¸öÈË²©¿Í</a> <a href="/">ÊñICP±¸11002373ºÅ-1</a></p>
</footer>
<script src="js/nav.js"></script>
<script src='js/jquery-2.1.1.min.js'></script>
<script src="js/canvas.js"></script>  

</body>
</html>
